<template>
	<div>
		<el-tabs type="border-card" v-model="activeName" @tab-click="handleTabClick">
			<el-tab-pane label="专题设置" name="first"><topics></topics></el-tab-pane>
			<el-tab-pane label="试卷设置" name="second"><papers></papers></el-tab-pane>
			<el-tab-pane label="考试情况" name="third"><examination></examination></el-tab-pane>
		</el-tabs>
	</div>
</template>
<script>
// import swiperSetting form './tabs/swiper.vue'
export default {
  components: {
    topics: require('./topic/topics.vue').default,
    papers: require('./paper/testPaper.vue').default,
    examination: require('./examination/examination.vue').default
  },
  data() {
    return {
      activeName: 'first'
    }
  },
  mounted() {
    let activeName = localStorage.getItem('testBar')
    if (activeName) {
      this.activeName = activeName
    }
  },
  methods: {
    handleTabClick() {
      localStorage.setItem('testBar', this.activeName)
    }
  }
}
</script>
<style scoped>

</style>
